body,html{height: 100%;background: #262628;}
.pull-right{float: right;}
.pull-left{float: left;}
#box{display: -webkit-box;-webkit-box-orient: vertical;background: #262628;display: none;}
/*头部区*/
.collection-top{height: 1.21rem;background: #111111;position: fixed;top: 0;overflow: hidden;z-index: 999;width: 10.8rem;}
.collection-top i{color: #c00d22;position: absolute;top: 0.20rem;left: 0.42rem;font-size: 0.70rem;}

.collection-top p{right: 0.42rem;font-size: 0.38rem;float: right;color: #FFFFFF;padding-top: 0.40rem;padding-right: 0.56rem;}
.collection-top h2{text-align: center; color: #ffffff;padding-top: 0.40rem;font-size: 0.46rem;font-weight: normal;float: left;padding-left: 4.42rem;}
/*内容区*/
.collection-cont{-webkit-box-flex: 1;height: auto;background: #262628;margin-top: 1.20rem;width: 10.8rem;}
.collection-content{position: relative;}
.collection-content img{width: 10.8rem;}
.collection-content p{position: absolute;color: #FFFFFF;}
.collection-content p:nth-of-type(1){left: 50%;top: 45%;width: 4rem;height: 1rem;margin-top: -0.5rem;margin-left: -2rem;font-size: 0.45rem;}
.collection-content p:nth-of-type(2){left: 50%;top: 60%;width: 6rem;height: 1rem;margin-top: -0.5rem;margin-left: -3rem;font-size: 0.26rem;}
.collection-content i{position: absolute;right: 0.30rem;top: 0.30rem;color: #FFFFFF;font-size: 0.48rem;display: none;}
.collection-content-foot{font-size: 0.28rem;color: #FFFFFF;text-align: center;padding-top: 0.78rem;background: #262628;}














